<template>
  <a-form
    labelAlign="left"
    :label-col="{ span: 8 }"
    :wrapper-col="{ span: 16 }"
    :colon="false"
  >
    <a-form-item label="行选择">
      <a-select
        v-model:value="store.tableProps.rowSelectionType"
        allowClear
        placeholder="行选择"
      >
        <a-select-option value="radio">单选</a-select-option>
        <a-select-option value="checkbox">多选</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="scroll.x">
      <a-input-number
        v-model:value="store.tableProps.scroll.x"
        :min="100"
        :precision="0"
        placeholder="请输入scroll.x"
      />
    </a-form-item>
    <a-form-item label="scroll.y">
      <a-input-number
        v-model:value="store.tableProps.scroll.y"
        :min="100"
        :precision="0"
        placeholder="请输入scroll.y"
      />
    </a-form-item>
  </a-form>
</template>

<script setup>
import { useTableStore } from "@/store/table";

const store = useTableStore();
</script>

<style lang="less" scoped>
:deep(.ant-input-number) {
  width: 100%;
}
</style>
